<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/caseDetail.css">
<script type="text/javascript" src="/Template/js/amazeui.js"></script>
<script type="text/javascript">


    $(function() {

        //初始化页面配置
//        initPage("病例介绍详情");
        initPage("{$magazine.title}");

        var app = new Vue({
            el: '#container',
            data: {
                info: [],
                list: []
            },
            methods: {
            }
        })

        $(".pop-frame").click(function() {
            $(".subscribe").hide();
        });

        $('.am-slider').flexslider({
            animationLoop: false,
        });

        $('.product-info p img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info p span img').css({
            width: "100%",
            margin: "10px 0"
        });

        $('.product-info ul, .product-info ol').css({
            "padding-left":"1.2rem"
        });

        $('table').css({
            width: "100%"
        });

        var fullWidth = $(".product-info").width();

        $("iframe").each(function() {
            var originSrc = $(this).attr("src").split("&",1)[0];
            var newSrc = originSrc + "&width=" + fullWidth + "&height=280&auto=0";
            $(this).css("width", fullWidth+"px");
            $(this).attr("src", newSrc);
            $(this).css("height", "280px");
        });

    })

</script>

<div class="container" id="container">
    <div class="product-info">
        {$magazine.content}
    </div>
</div>
<include file="./Template/footer.html" />